.proIn{
	animation: pro 2s ease-in-out forwards;
}
@keyframes pro{
	from{ transform: translateX(-100%); }
	to{ transform: translateX(0%); }
}
.sideDown{
	animation: sideDown 1s forwards;
}
@keyframes sideDown{
	from{ transform: translateY(-45%);opacity: 0; }
	to{ transform: translateY(0%);opacity: 1; }
}
.rotateYPic{
	animation: rotateYPic 2s forwards;
}
@keyframes rotateYPic{
	25%{ transform: rotateY(40deg);opacity: 1; }
	50%%{ transform: rotateY(-40deg);opacity: 1; }
	75%{ transform: rotateY(0deg);opacity: 1; }
	100%{ transform: rotateY(0deg);opacity: 1; }
}

/*喇叭动画*/

.lb {
	animation: lb 1.5s linear infinite;
}

@keyframes lb {
	10% {
		transform: scaleX(1);
	}
	20% {
		transform: scaleX(1.25);
	}
	30% {
		transform: scaleX(1.5);
	}
	40% {
		transform: scaleX(1);
	}
	50% {
		transform: scaleY(1.4);
	}
	60% {
		transform: scaleY(1);
	}
	70% {
		transform: scaleY(1.3);
	}
	80% {
		transform: scaleY(1);
	}
	90% {
		transform: scaleY(1.1);
	}
	100% {
		transform: scaleY(1.1);
	}
}
.ball{
	animation: ball 2s forwards;
}
@keyframes ball{
	25%{ transform: translate(0,0); }
	50%{ transform: translate(1rem,-1.03rem); }
	75%{ transform: translate(1.45rem,-0.65rem); }
	100%{ transform: translate(2.8rem,-2rem); }	
}


.jiantou{
	animation: fy 2s infinite;
}
@keyframes fy {
	10% {
		opacity: 0;
		transform: translateY(-0.001rem);
	}
	20% {
		opacity: 0.3;
		transform: translateY(-0.05rem);
	}
	30% {
		opacity: 0.6;
		transform: translateY(-0.1rem);
	}
	40% {
		opacity: 0.9;
		transform: translateY(-0.2rem);
	}
	50% {
		opacity: 1;
		transform: translateY(-0.25rem);
	}
	60% {
		opacity: 1;
		transform: translateY(-0.25rem);
	}
	70% {
		opacity: 0.5;
		transform: translateY(-0.3rem);
	}
	80% {
		opacity: 0.3;
		transform: translateY(-0.34rem);
	}
	90% {
		opacity: 0.1;
		transform: translateY(-0.38rem);
	}
	100% {
		opacity: 0;
		transform: translateY(-0.42rem);
	}
}

.la{
	animation: la 1.4s  infinite;
}
@keyframes la{
20% {
    opacity: 0;
    transform: scale(.7);
}
40% {
    opacity: 1;
    transform: scale(.9);
}
60% {
    opacity: 1;
    transform: scale(.7);
}
80% {
    opacity: 1;
	transform: scale(.9);
}
100%{
	opacity: 1;
	transform: scale(.9);
}

